.audit-container {
    // min-height: 100vh;
    background: linear-gradient(180deg, #f0f2f5 0%, #ffffff 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: env(safe-area-inset-bottom);
	
	.header {
	  position: sticky;
	  top: 0;
	  width: 694rpx;
	  padding: 60rpx 40rpx;
	  background: #ffffff;
	  border-radius: 0 0 30rpx 30rpx;
	  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
	  margin-bottom: 30rpx;
	  position: relative;
	  overflow: hidden;
	
	  &::after {
	    content: '';
	    position: absolute;
	    right: -60rpx;
	    top: -60rpx;
	    width: 200rpx;
	    height: 200rpx;
	    background: linear-gradient(135deg, #3c9cff20 0%, transparent 100%);
	    border-radius: 50%;
	  }
	
	  .title {
	    font-size: 48rpx;
	    font-weight: bold;
	    color: #333333;
	    display: block;
	    margin-bottom: 12rpx;
	    background: linear-gradient(90deg, #333333, #666666);
	    -webkit-background-clip: text;
	    color: transparent;
	  }
	
	  .subtitle {
	    font-size: 26rpx;
	    color: #999999;
	    letter-spacing: 2rpx;
	    text-transform: uppercase;
	  }
	}

    .form-container {
        width: 694rpx;
        flex: 1;
        padding: 0 30rpx;
        box-sizing: border-box;
    }

    .form-section {
        background: #ffffff;
        border-radius: 24rpx;
        padding: 40rpx;
        margin-bottom: 30rpx;
        box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.03);
        transition: all 0.3s ease;

        &:hover {
            transform: translateY(-2rpx);
            box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.06);
        }

        .section-title {
            display: flex;
            align-items: center;
            margin-bottom: 40rpx;
            padding-bottom: 24rpx;
            border-bottom: 2rpx solid #f5f6fa;
            position: relative;

            &::after {
                content: '';
                position: absolute;
                bottom: -2rpx;
                left: 0;
                width: 60rpx;
                height: 4rpx;
                background: #3c9cff;
                border-radius: 4rpx;
            }

            text {
                font-size: 34rpx;
                font-weight: bold;
                color: #333333;
                margin-left: 16rpx;
            }
        }
    }

    .input-group {
        margin-bottom: 32rpx;

        .label {
            font-size: 28rpx;
            color: #666666;
            margin-bottom: 16rpx;
            display: block;

            &.required::before {
                content: '*';
                color: #ff4d4f;
                margin-right: 8rpx;
            }
        }

        :deep(.uv-input) {
            background: #f8f9fc;
            border-radius: 12rpx;
            padding: 4rpx 24rpx;

            &:focus {
                background: #f0f7ff;
            }
        }

        .error-tip {
            font-size: 24rpx;
            color: #ff4d4f;
            margin-top: 8rpx;
            transform: scale(0.9);
            transform-origin: left;
        }
    }

    .upload-section {
        .label {
            font-size: 28rpx;
            color: #666666;
            margin-bottom: 16rpx;
            display: block;

            &.required::before {
                content: '*';
                color: #ff4d4f;
                margin-right: 8rpx;
            }
        }

        .upload-area {
            width: 200rpx;
            height: 200rpx;
            background: #f0f7ff;
            border: 2rpx dashed #3c9cff;
            border-radius: 12rpx;
            overflow: hidden;
            transition: all 0.3s ease;

            &:active {
                background: #e5f1ff;
                transform: scale(0.98);
            }

            .upload-button {
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 12rpx;

                text {
                    font-size: 24rpx;
                    color: #666666;
                }
            }
        }

        .preview-area {
            position: relative;
            width: 200rpx;
            height: 200rpx;
            border-radius: 12rpx;
            overflow: hidden;
            box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);

            .preview-image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .delete-btn {
                position: absolute;
                top: 8rpx;
                right: 8rpx;
                width: 40rpx;
                height: 40rpx;
                background: rgba(0, 0, 0, 0.5);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 2;

                &:active {
                    background: rgba(0, 0, 0, 0.7);
                }
            }

            .preview-mask {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0, 0, 0, 0.3);
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 8rpx;
                opacity: 0;
                transition: opacity 0.3s ease;

                text {
                    font-size: 24rpx;
                    color: #ffffff;
                }

                &:active {
                    opacity: 1;
                }
            }
        }
    }
}.audit-container {
    // min-height: 100vh;
    background: linear-gradient(180deg, #f0f2f5 0%, #ffffff 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: env(safe-area-inset-bottom);

    .form-container {
        width: 694rpx;
        flex: 1;
        padding: 0 30rpx;
        box-sizing: border-box;
    }

    .form-section {
        background: #ffffff;
        border-radius: 24rpx;
        padding: 40rpx;
        margin-bottom: 30rpx;
        box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.03);
        transition: all 0.3s ease;

        &:hover {
            transform: translateY(-2rpx);
            box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.06);
        }

        .section-title {
            display: flex;
            align-items: center;
            margin-bottom: 40rpx;
            padding-bottom: 24rpx;
            border-bottom: 2rpx solid #f5f6fa;
            position: relative;

            &::after {
                content: '';
                position: absolute;
                bottom: -2rpx;
                left: 0;
                width: 60rpx;
                height: 4rpx;
                background: #3c9cff;
                border-radius: 4rpx;
            }

            text {
                font-size: 34rpx;
                font-weight: bold;
                color: #333333;
                margin-left: 16rpx;
            }
        }
    }

    .input-group {
        margin-bottom: 32rpx;

        .label {
            font-size: 28rpx;
            color: #666666;
            margin-bottom: 16rpx;
            display: block;

            &.required::before {
                content: '*';
                color: #ff4d4f;
                margin-right: 8rpx;
            }
        }

        :deep(.uv-input) {
            background: #f8f9fc;
            border-radius: 12rpx;
            padding: 4rpx 24rpx;

            &:focus {
                background: #f0f7ff;
            }
        }

        .error-tip {
            font-size: 24rpx;
            color: #ff4d4f;
            margin-top: 8rpx;
            transform: scale(0.9);
            transform-origin: left;
        }
    }

    .upload-section {
        .label {
            font-size: 28rpx;
            color: #666666;
            margin-bottom: 16rpx;
            display: block;

            &.required::before {
                content: '*';
                color: #ff4d4f;
                margin-right: 8rpx;
            }
        }

        .upload-area {
            width: 200rpx;
            height: 200rpx;
            background: #f0f7ff;
            border: 2rpx dashed #3c9cff;
            border-radius: 12rpx;
            overflow: hidden;
            transition: all 0.3s ease;

            &:active {
                background: #e5f1ff;
                transform: scale(0.98);
            }

            .upload-button {
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 12rpx;

                text {
                    font-size: 24rpx;
                    color: #666666;
                }
            }
        }

        .preview-area {
            position: relative;
            width: 200rpx;
            height: 200rpx;
            border-radius: 12rpx;
            overflow: hidden;
            box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);

            .preview-image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .delete-btn {
                position: absolute;
                top: 8rpx;
                right: 8rpx;
                width: 40rpx;
                height: 40rpx;
                background: rgba(0, 0, 0, 0.5);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 2;

                &:active {
                    background: rgba(0, 0, 0, 0.7);
                }
            }

            .preview-mask {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0, 0, 0, 0.3);
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 8rpx;
                opacity: 0;
                transition: opacity 0.3s ease;

                text {
                    font-size: 24rpx;
                    color: #ffffff;
                }

                &:active {
                    opacity: 1;
                }
            }
        }
    }
}

.footer {
    width: 694rpx;
    padding: 30rpx 40rpx;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.05);
    border-radius: 30rpx 30rpx 0 0;
    margin-top: 40rpx;

    .submit-btn {
      background: linear-gradient(135deg, #3c9cff 0%, #5dabff 50%, #6fbaff 100%);
      color: #ffffff;
      height: 88rpx;
      line-height: 88rpx;
      border-radius: 44rpx;
      font-size: 32rpx;
      font-weight: 500;
      letter-spacing: 2rpx;
      transition: all 0.3s ease;
      box-shadow: 0 8rpx 16rpx rgba(60, 156, 255, 0.2);
    
      &:active {
        transform: scale(0.98);
        background: linear-gradient(135deg, #3589e8 0%, #4c9af0 50%, #5ca8f5 100%);
      }
    
      &:disabled {
        background: linear-gradient(135deg, #cccccc 0%, #d6d6d6 50%, #dddddd 100%);
        box-shadow: none;
        cursor: not-allowed;
      }
    }
  }